<template>
    <!-----------------个人信息------------------>
    <view class="all">
      <hea :title="title"></hea> 
      <div class="box1">
        <div style="width: 100%">
          <u--input
            style="width: 84%; height: 35px; margin: 0 auto; height: 40px"
            border="none"
            v-model="value1"
            fontSize="18px"
            maxlength="4"
          ></u--input>
        </div>
      </div>
      <div class="box1">
        <div style="width: 100%">
          <u--input
            style="width: 84%; height: 35px; margin: 0 auto; height: 40px"
            border="none"
            placeholder="输入密码"
            v-model="value2"
            fontSize="18px"
            maxlength="4"
          ></u--input>
        </div>
      </div>
      <div
      
        style="
          width: 90%;
          height: 40px;
          text-align: center;
          line-height: 40px;
          border-radius: 5px;
          margin: 30px auto;
          background: #FBAA34;
          color: white;
          font-size: 20px;
        "
        @click="next"
      >
        确定
      </div>
    </view>
  </template>
  <script>
  import hea from "../../components/hea.vue";
  export default {
    components: {
      hea,
    },
  
    data() {
      return {
        title: "新密码",
        value1:'123456',
        value2:''
      };
    },
  
    methods: {
   
    },
    onShow() {},
  };
  </script>
  
  <style scoped>
  .all {
    width: 100vw;
    height: 100vh;
    background: white;
  }
  .box1 {
    width: 100%;
    height: 40px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid rgb(206, 206, 206);
    border-top: 0.5px solid rgb(206, 206, 206);
    margin-top: 15px;
  }
  </style>
  